@charset "utf-8";

/* <[ Container Start ]> */
.container{overflow:hidden}
/* container_left */
.c_left{float:left;width:140px;position:relative;z-index:10}
	.c_left h2{padding:10px 0 10px 20px}
	.c_left li{height:28px;margin-bottom:8px;border-width:1px;vertical-align:middle}
		.c_left li h3{display:block;height:26px;border-width:1px;font-weight:normal}
		.c_left li h3 a{display:block;height:24px;padding-top:2px;padding-left:19px;line-height:26px;font-weight:normal;text-decoration:none}
			.c_left li h3 a:hover{padding-left:16px;border-width:0 0 0 3px;text-decoration:none}
			.c_left li.on{margin-right:-9px;border-right:none}
			.c_left li.on h3 a{padding-left:16px;border-width:0 0 0 3px;font-weight:bold}
/* container_right */
.c_right{margin-left:148px;height:100%;min-height:400px;border-width:1px;position:relative;z-index:0}
	.c_right .c_r_head *{font-size:14px}
	.c_right .f9{font-size:9px}
		.c_right .head_title{height:22px;padding:1px 10px 2px;line-height:22px}
		.c_right .head_tab{height:25px;margin:-1px -1px 0 0;border-width:0 0 1px 0}
			.c_right .head_tab li{float:left;display:inline;height:24px;border-width:1px 1px 0 0;vertical-align:middle}
			.c_right .head_tab li h4{display:block;font-weight:normal}
			.c_right .head_tab li a{display:block;height:23px;padding:0 10px;line-height:23px;border-width:1px 1px 0 1px; text-decoration:none}
				.c_right .head_tab li.on a{height:24px;font-weight:bold}
	.c_right .c_r_body{padding:10px 10px 10px}
/* for ie6 */
.c_left,
.c_left li,
.c_right,
.c_right .head_tab,
.c_right .head_tab li a{_position:relative}
.c_right .head_tab li h4,
.c_right .head_tab li a{_float:left}
.c_left{_z-index:1}
.c_right{_margin-left:145px;_height:400px}
.c_right .head_tab li.on a{_margin-bottom:-1px}
/* border */
.c_left li,
.c_right,
.c_right .head_tab,
.c_right .head_tab li
{border-color:#b6cae3;border-style:solid}
.c_left li h3,
.c_right .head_tab li a
{border-color:#fff;border-style:solid}
.c_left li.on h3 a,
.c_left li h3 a:hover
{border-color:#ee3123;border-style:solid}
/* color */
.c_left li h3 a,
.c_right .head_tab li h4 a
{color:#000}
.c_right .head_title h4,
.c_right .head_title a,
.c_right .head_tab li.on a
{color:#cd0102}
/* background-color */
.c_left li h3,
.c_right .head_tab li
{background-color:#f2f6fb}
.c_left li.on h3 a,
.c_right .head_tab,
.c_right .head_tab li.on a
{background-color:#fff}
/* <[ Container End ]> */


/* common style */
.tips{margin:8px auto;font-size:12px;line-height:2em;color:#666}

/* page size*/
.pagesize .icon{width:18px;height:13px;margin:0 0 0 1px;padding:0}
	.ps_5 .icon{background-position:0 -80px}
	.ps_5 .on{background-position:0 -60px}
	.ps_10 .icon{background-position:-20px -80px}
	.ps_10 .on{background-position:-20px -60px}
	.ps_20 .icon{background-position:-40px -80px}
	.ps_20 .on{background-position:-40px -60px}
	.ps_50 .icon{background-position:-60px -80px}
	.ps_50 .on{background-position:-60px -60px}

.bg.help{padding-left:15px;display:-moz-inline-block;display:inline-block;background-position:0 -265px;*background-position:0 -267px;}
.bg.refresh{padding-left:15px; background-position:left -298px}
.bg.add{padding-left:15px;background-position:left -328px}
.bg.order{padding-left:20px;height:18px;line-height:18px;background-position:left -361px}


/* payment */
.payfrom{background:#f2f2f2;border:1px solid #ccc}
	.payfrom img{vertical-align:middle}
.payinfo{width:760px;margin:8px auto 0}
	.payinfo .sheet{background-color:#d6d6f8;display:none}
		.payinfo .sheet .top{background-color:#fff;font-weight:normal}
		.payinfo .sheet th{background-color:#cce}
		.payinfo .sheet td{background-color:#eef}



/* console-navigation */


.nav-orange,
.nav-orange .nav-tabs,
.nav-orange .nav-tabs li a.on,.nav-orange .nav-tabs li a.on strong,.nav-orange .nav-tabs li a.on span,
.nav-orange .nav-tabs li a:hover,.nav-orange .nav-tabs li a:hover strong,.nav-orange .nav-tabs li a:hover span{
	background-image:url(../../v1/images/navigation_sprite_orange.gif);
}

.nav-orange .nav-tabs ul{
	background-image:url(../../v1/images/navigation_totem_orange.gif);
}
.nav-orange .nav-tabs li span,
.nav-orange .nav-tabs li a.on span,
.nav-orange .nav-tabs li a:hover span{
	color:#000;
}

.nav-orange .nav-tabs .menu li a.on,
.nav-orange .nav-tabs .menu li a:hover{
	background-image:none;
}

.navigation{
	z-index:100;
}
.nav-tabs{
	z-index:101;
}
.nav-sub-tabs{
	position:relative;
}
.nav-tabs .menu{
	clear:left;
	position:absolute;
	top:38px;
	padding:1px;
	border:1px solid #f7c795;
	background:#fffff7;
	z-index:100;
	zoom:1;
}
.nav-tabs ol *{
	float:none;
	clear:left;
	display:block;
	background:none;
}
.nav-tabs ol a{
	width:125px;
	height:20px;
	padding:0 12px;
	line-height:20px;
	*line-height:22px;
	_line-height:20px;
	white-space:normal;
	background:#fffff7;
}
.nav-tabs ol a:hover{
	background:#ffb500;
	color:#fff;
}



/*
.console-navigation,
.console-nav-tabs,
.console-nav-tabs ul,
.console-nav-tabs li a.on,
.console-nav-tabs li a.on strong,
.console-nav-tabs li a.on span,
.console-nav-tabs li a:hover,
.console-nav-tabs li a:hover strong,
.console-nav-tabs li a:hover span
{background:url(../images/console_navigation_sprite.gif) 0 40px repeat-x}
.console-nav-tabs ul
{background:url(../images/console_navigation_totem.gif) right 1px no-repeat}
.console-navigation,.console-nav-tabs{background-position:0 -190px}
.console-nav-tabs{position:relative;z-index:100;height:40px}
.console-nav-tabs ul{padding-top:5px;height:31px;margin-right:-10px}
.console-nav-tabs li{float:left;display:inline}
.console-nav-tabs li a,.console-nav-tabs li a strong,.console-nav-tabs li a span{float:left}
.console-nav-tabs li a,.console-nav-tabs li a:hover{text-decoration:none;color:#333}
.console-nav-tabs li a{padding-left:15px}
.console-nav-tabs li a strong{padding-right:15px;font-weight:normal}
.console-nav-tabs li a span{height:30px;line-height:30px}
.console-nav-tabs li a.on{background-position:left 0}
.console-nav-tabs li a.on strong{background-position:right -62px}
.console-nav-tabs li a.on span{background-position:0 -31px}
.console-nav-tabs li a:hover{background-position:left -93px}
.console-nav-tabs li a:hover strong{background-position:right -155px;}
.console-nav-tabs li a:hover span{background-position:0 -124px}
.console-nav-tabs .menu{clear:left;position:absolute;top:38px;padding:1px;border:1px solid #f7c795;background:#fffff7}
.console-nav-tabs ol *{float:none;clear:left;display:block;background:none}
.console-nav-tabs ol a{width:125px;height:20px;padding:0 12px;line-height:20px;*line-height:22px;_line-height:20px;white-space:normal;background:#fffff7}
.console-nav-tabs ol a:hover{background:#ffb500;color:#fff}
*/